<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>巡检统计</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_equipment_frm.css" />
    <style>
      
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle" v-if="form.ProjectCompanyType==1">
                    项目名称
                </div>
                <div class="searchparamitem" v-if="form.ProjectCompanyType==1">
                    <label v-on:click="doSelectProject(item.ID,item.Name)" v-bind:class="{'active':form.ProjectIDs.indexOf(item.ID)>-1}" v-for="item in projectList">{{item.Name}}</label>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
            <div id="datemonth" data-options='{"type":"month"}' class="searchitem" v-bind:class="{'chkedbox':showsearchmonth}" v-on:click="doSelectSearchParam(2)">
                {{form.activeDateDesc}}
                <i v-if="!showsearchmonth" class="icon iconfont icon-down"></i>
                <i v-if="showsearchmonth" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        <div class="aui-content" style="margin-top: 2.3rem;">
            <div class="newcontentbox">
                <label class="bababa"> {{ProjectName}} </label>
                <label class="lr-line" > | </label>
                <label class="bababa"> {{form.startMonth}} 统计 </label>
                <div class="newcontentbox-right" ><i v-on:click="open_task()"  class="icon iconfont icon-xiangyoujiantou bababa" style="font-size: 0.6rem;" ></i></div>
                <!-- <div v-if="summary.YCCount!=undefined&&summary.YCCount>0" class="newcontentbox-right" ><label class="tag-label-blue tag-label-red">异常 {{summary.YCCount}} </label></div> -->
            </div>

            <div v-if="XJlist.length>0||WBlist.length>0" class="boxarea mainbox">
                <div v-if="ReportType==0&&XJlist.length>0" class="app_list_txt">
                    <label class="xjIcon"><i class="icon iconfont icon-xunhu" ></i></label>
                    <span class="bl0">巡检</span>
                </div>
                <div v-if="XJlist.length>0" class="app_list_chart">
                    <div class="chartcontainer chart_content"  v-for="(item,index) in XJlist" >
                        <div v-if="index==0" class="chart-plan-title">计划任务数：{{item.TaskCount}}</div>
                        <div v-if="index==1" class="chart-plan-title">完成任务数：{{item.TaskCount}}</div>
                        <div v-if="ReportType==0" ><label class="tag-label-blue">设备数：{{item.DeviceClont}}</label></div>
                        <div :id="'containerxj'+index" style="min-height: 120px;margin-top: 30px;"></div>
                        <div class="mb10">{{item.name}}</div>
                    </div>
                   
                </div>

                <div v-if="ReportType==0&&WBlist.length>0"  class="app_list_txt">
                    <label class="xjIcon xjIcon-org"><i class="icon iconfont icon-weibiaoti7" ></i></label>
                    <span class="bl0">维保</span>
                </div>
                <div v-if="ReportType==0&&WBlist.length>0" class="app_list_chart" >
                    <div class="chartcontainer chart_content" v-for="(itemwb,indexwb) in WBlist" >
                        <div v-if="indexwb==0" class="chart-plan-title">计划任务数：{{itemwb.TaskCount}}</div>
                        <div v-if="indexwb==1" class="chart-plan-title">完成任务数：{{itemwb.TaskCount}}</div>
                        <div v-if="ReportType==0" ><label class="tag-label-blue">设备数：{{itemwb.DeviceClont}}</label></div>
                        <div :id="'containerwb'+indexwb" style="min-height: 120px;margin-top: 30px;"></div>
                        <div class="mb10">{{itemwb.name}}</div>
                    </div>
                </div>
               
            </div>    

            <div v-if="userList.length>0" class="boxarea mainbox">
                <div class="app_list_txt" style="display: flex;">
                    <span>员工工时</span>
                    <div class="user-div-time">
                        <label v-on:click="onShowTime(false)" class="user-label-time" v-bind:class="{'active-color':!showtime}">按平均工时</label>
                        <label class="lr-line" > | </label>
                        <label v-on:click="onShowTime(true)" class="user-label-time" v-bind:class="{'active-color':showtime}">按总工时</label>
                    </div>
                </div>
                <div class="user-header">
                    <div class="user-content" v-for="item in userList">
                        <div class="box_wrapper" style="width:60px;">
                            <img v-if="item.heagImg" class="box_image" :src="item.heagImg">
                            <img v-if="!item.heagImg" class="box_image" src="../image/default.png">
                        </div>
                        <div class="box_wrapper">
                            <div class="sta-list">
                                <div class="sta-title">
                                    {{item.userName}}
                                </div>
                                <div class="sta-count">
                                    设备数：{{item.totalCount}}
                                </div>
                            </div>
                        </div>
                        <div class="box_wrapper box_delete">
                            <div class="sta-list sta-delete">
                                <label v-if="!showtime">
                                    <label class="bababa"> 任务平均工时：</label><label class="active-color">{{item.averageHours}}h</label>
                                </label>
                                <label v-if="showtime">
                                    <label class="bababa"> 任务总工时：</label><label class="active-color">{{item.totalHours}}h</label>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div v-if="ReportType==0&&XJlist.length<=0&&WBlist.length<=0&&userList.length<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div>
        <div v-if="ReportType!=0&&XJlist.length<=0&&userList.length<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="js/analysis_equipment_frm.js"></script>

</html>
